<template>
	<view class="container">
		<!-- 您的内容 -->
	</view>
</template>

<script>
export default {
	data() {
		return {}
	}
}
</script>

<style>
	.container {
		min-height: 100vh;
		background-color: #f5f5f5;
		width: 100%;
		box-sizing: border-box;
	}
	
	/* 头部样式 */
	.header {
		background-color: #FFFFFF;
		padding: 30rpx;
		box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
		width: 100%;
		box-sizing: border-box;
	}
	
	.title {
		font-size: 36rpx;
		font-weight: bold;
		color: #333333;
		margin-bottom: 30rpx;
		word-wrap: break-word;
		word-break: break-all;
	}
	
	/* 考试列表样式 */
	.exam-list {
		padding: 20rpx 30rpx;
		width: 100%;
		box-sizing: border-box;
	}
	
	.exam-item {
		background-color: #FFFFFF;
		border-radius: 12rpx;
		padding: 30rpx;
		margin-bottom: 20rpx;
		position: relative;
		box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
		width: 100%;
		box-sizing: border-box;
	}
	
	.item-title {
		font-size: 32rpx;
		color: #333333;
		margin-bottom: 20rpx;
		font-weight: bold;
		word-wrap: break-word;
		word-break: break-all;
		line-height: 1.4;
	}
	
	.item-info {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20rpx;
	}
	
	.info-item {
		display: flex;
		align-items: center;
		font-size: 26rpx;
		color: #666666;
		margin-right: 30rpx;
		margin-bottom: 10rpx;
	}
	
	.description {
		font-size: 28rpx;
		color: #666666;
		margin-bottom: 20rpx;
		line-height: 1.6;
		word-wrap: break-word;
		word-break: break-all;
	}
	
	.exam-button {
		width: 100%;
		height: 80rpx;
		background-color: #1BAE76;
		color: #FFFFFF;
		border-radius: 8rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 30rpx;
		font-weight: bold;
		box-sizing: border-box;
	}
</style> 